<template lang="html">
  <div class="typenav">
      <ul>
      	<router-link tag="li" to="/malejob" active-class="active">
      		公考求职
      	</router-link>
      	<router-link tag="li" to="/finance" active-class="active">
      		财会金融
      	</router-link>
      	<router-link tag="li" to="/skills" active-class="active">
      		职业技能
      	</router-link>
        <router-link tag="li" to="/health" active-class="active">
          医疗卫生
        </router-link>
      </ul>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="css" scoped>

ul{
    display: flex;
}

ul li{
  padding: 18px 0 12px 0;
  font-size: 16px;
  flex: 1;
  text-align: center;
  color: #999;
  position: relative;
  z-index: 2;
}

ul li a{
  display: block;
}



</style>

